﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>FooTable - jQuery plugin for responsive HTML tables</title>
    <meta name="viewport" content = "width = device-width, initial-scale = 1.0, minimum-scale = 1.0, maximum-scale = 1.0, user-scalable = no" />
  
    <link href="css/footable-0.1.css" rel="stylesheet" type="text/css" />
  
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
    <script src="js/footable.js" type="text/javascript"></script>
    <script type="text/javascript">
      $(function() {
        $('table').footable({
					calculateWidthAndHeightOverride:function($table, info) {
						
						var parentWidth = $table.parent().width();
						
						if (info.viewportWidth < info.width) info.width = info.viewportWidth;
						if (info.viewportHeight < info.height) info.height = info.viewportHeight;
						
						if (parentWidth < info.width) info.width = parentWidth;

						return info;
					}
				});
				
				$('a.resize').click(function() {
					var w = $(this).data('size');
					$('.footable-container').css({width:w});
					$('table')[0].footable.resize();
				});
      });
    </script>
  </head>
  <body>
		<a href="#300px" data-size="300px" class="resize">300px</a>
		<a href="#768px" data-size="768px" class="resize">768px</a>
		<a href="#100%" data-size="100%" class="resize">100%</a>
		<div style="width:100%" class="footable-container">
    <table class="footable">
      <thead>
        <tr>
          <th data-class="expand">
            First Name
          </th>
          <th>
            Last Name
          </th>
          <th data-hide="phone,tablet">
            Job Title
          </th>
          <th data-hide="phone,tablet">
            DOB
          </th>
          <th data-hide="phone">
            Status
          </th>
        </tr>
      </thead>
      <tbody>
        <tr><td>Isidra</td><td><a href="#">Boudreaux</a></td><td>Traffic Court Referee</td><td data-value="78025368997">22 Jun 1972</td><td data-value="3"><img title="suspended" src="images/suspended.png" /></td></tr>
        <tr><td>Maria</td><td>Nicley</td><td>Meat Packager</td><td data-value="-100297281571">28 Oct 1966</td><td data-value="1"><img title="active" src="images/active.png" /></td></tr>
        <tr><td>Shona</td><td>Woldt</td><td><a href="#">Airline Transport Pilot</a></td><td data-value="370961043292">3 Oct 1981</td><td data-value="2"><img title="disabled" src="images/disabled.png" /></td></tr>
        <tr><td>Granville</td><td>Leonardo</td><td>Business Services Sales Representative</td><td data-value="-22133780420">19 Apr 1969</td><td data-value="1"><img title="active" src="images/active.png" /></td></tr>
        <tr><td>Easer</td><td>Dragoo</td><td>Drywall Stripper</td><td data-value="250833505574">13 Dec 1977</td><td data-value="3"><img title="suspended" src="images/suspended.png" /></td></tr>
        <tr><td>Maple</td><td>Halladay</td><td>Aviation Tactical Readiness Officer</td><td data-value="694116650726">30 Dec 1991</td><td data-value="3"><img title="suspended" src="images/suspended.png" /></td></tr>
        <tr><td>Maxine</td><td>Woldt</td><td>Business Services Sales Representative</td><td data-value="561440464855">17 Oct 1987</td><td data-value="2"><img title="disabled" src="images/disabled.png" /></td></tr>
        <tr><td>Lorraine</td><td>Mcgaughy</td><td>Hemodialysis Technician</td><td data-value="437400551390">11 Nov 1983</td><td data-value="3"><img title="suspended" src="images/suspended.png" /></td></tr>
        <tr><td>Lizzee</td><td><a href="#">Goodlow</a></td><td>Technical Services Librarian</td><td data-value="-257733999319">1 Nov 1961</td><td data-value="3"><img title="suspended" src="images/suspended.png" /></td></tr>
        <tr><td>Judi</td><td>Badgett</td><td>Electrical Lineworker</td><td data-value="362134712000">23 Jun 1981</td><td data-value="1"><a href="#"><img title="active" src="images/active.png" /></a></td></tr>
        <tr><td>Rivka</td><td>Bittinger</td><td>Broadcast Maintenance Engineer</td><td data-value="751149063430">20 Oct 1993</td><td data-value="2"><img title="disabled" src="images/disabled.png" /></td></tr>
        <tr><td>Isidra</td><td>Furniss</td><td>Jig Bore Tool Maker</td><td data-value="550552096836">13 Jun 1987</td><td data-value="3"><img title="suspended" src="images/suspended.png" /></td></tr>
        <tr><td>Lauri</td><td>Hyland</td><td>Blackjack Supervisor</td><td data-value="500874333932">15 Nov 1985</td><td data-value="3"><img title="suspended" src="images/suspended.png" /></td></tr>
        <tr><td>Consuelo</td><td>Robare</td><td>Internal Medicine Nurse Practitioner</td><td data-value="130022316732">13 Feb 1974</td><td data-value="2"><img title="disabled" src="images/disabled.png" /></td></tr>
        <tr><td>Claudine</td><td>Hogle</td><td>Potato Sorter</td><td data-value="-191925229848">2 Dec 1963</td><td data-value="2"><img title="disabled" src="images/disabled.png" /></td></tr>
        <tr><td>Ilona</td><td>Mcgaughy</td><td>Cloak Room Attendant</td><td data-value="638227930531">23 Mar 1990</td><td data-value="2"><img title="disabled" src="images/disabled.png" /></td></tr>
        <tr><td>Jesusa</td><td>Shumpert</td><td>Internal Medicine Nurse Practitioner</td><td data-value="-224275853603">23 Nov 1962</td><td data-value="3"><img title="suspended" src="images/suspended.png" /></td></tr>
        <tr><td>Claudine</td><td>Pennock</td><td>Electrical Lineworker</td><td data-value="41757078895">29 Apr 1971</td><td data-value="1"><img title="active" src="images/active.png" /></td></tr>
        <tr><td>Carie</td><td>Branco</td><td>Fashion Designer</td><td data-value="300894955786">15 Jul 1979</td><td data-value="1"><img title="active" src="images/active.png" /></td></tr>
        <tr><td>Jason</td><td>Mcfetridge</td><td>Staff Electronic Warfare Officer</td><td data-value="361093678671">11 Jun 1981</td><td data-value="2"><img title="disabled" src="images/disabled.png" /></td></tr>
      </tbody>	  
    </table>
    </div>
  </body>
</html>
